
console.log('index.js被加载了')

// import { mul } from './test'

document.getElementById('btn').onclick = function() {
  // 懒加载 import: 当文件需要使用时才加载
  // 预加载 webpackPrefetch: 会在使用之前，提前加载js文件

  // import(/* webpackChunkName: 'test' */'./test').then(({mul}) => {
  //   console.log(mul(4, 5))
  // })

  // 正在加载可以认为是并行加载(同一时间加载多个文件)
  // 预加载 webpackPrefetch 等其他资源加载完毕，浏览器空闲了，再偷偷加载资源 (一般用于 pc版)
  // 预加载 (在移动端，要慎用)
  import(/* webpackChunkName: 'test', webpackPrefetch: true */'./test')
  .then(({mul}) => {
    console.log(mul(4, 5))
  })

}